/* ========================================================== Table ========================================================== */
.information-table-root {
    -fx-min-width: 300;
}

/* 顶部背景颜色 */
.information-table-root .tab-header-background {
    -fx-background-color: transparent;
    -fx-border-color: #262626;
    -fx-border-width: 0 0 1 0;
}

/*动画背景*/
.information-table-root .headers-region > .tab > .jfx-rippler {
    -jfx-rippler-fill: #4d66cc;
}

/* 选择Tab背景 */
.information-table-root .headers-region > .tab:selected {
    -fx-background-color: rgba(14, 14, 14, 0.1);
}

/*选择Tab时底部横条*/
.information-table-root .headers-region .tab-selected-line {
    -fx-pref-width: 1px !important;
    -fx-pref-height: 2px;
    -fx-background-color: #4d66cc;;
}

/* 关闭 table 样式 */
.information-table-root .headers-region .tab:closable {
    -fx-border-color: rgb(77, 102, 204);
    /* 设置为0 相当于隐藏 */
    -fx-border-width: 0;
    -fx-border-style: dotted;
    -fx-border-insets: 0;
    -fx-padding: 0;
}

/* 关闭按钮(X)的背景颜色 */
/*.jfx-tab-pane .headers-region .tab .tab-close-button {
    -fx-background-color: #00ccff;
}*/

/* 关闭按钮(X)的颜色 选中 */
.jfx-tab-pane .headers-region .tab:selected .tab-close-button .jfx-svg-glyph {
    -fx-background-color: #5e5e5e;
}

/* 关闭按钮(X)的颜色 未选中 */
.jfx-tab-pane .headers-region .tab .tab-close-button .jfx-svg-glyph {
    -fx-background-color: #999999;
}

/* 被选择的标题文字颜色 */
.information-table-root .headers-region .tab:selected .tab-container .tab-label {
    -fx-text-fill: #5e5e5e;
}

/* 未被选择的标题文字样式 */
.information-table-root .headers-region .tab .tab-container .tab-label {
    -fx-text-fill: rgb(153, 153, 153);
    /*-fx-font-weight: Thin;*/
    -fx-padding: 6 10 6 10;
    -fx-font-size: 14;
}

/* table 个数超过 TablePane 时的箭头样式 */
.information-table-root .tab-header-area .tab-down-button {
    -fx-background-color: #4d66cc;
    -fx-min-width: 0.8em;
    -fx-max-width: 0.8em;
    -fx-min-height: 1.3em;
    -fx-max-height: 1.3em;
}

/* 点击动画颜色 */
.information-table-root .tab-header-area .control-buttons-tab .jfx-rippler {
    -jfx-rippler-fill: #4d66cc;
}

/* 左箭头 */
.information-table-root .tab-header-area .tab-down-button:left {
    -fx-shape: "M 742,-37 90,614 Q 53,651 53,704.5 53,758 90,795 l 652,651 q 37,37 90.5,37 53.5,0 90.5,-37 l 75,-75 q 37,-37 37,-90.5 0,-53.5 -37,-90.5 L 512,704 998,219 q 37,-38 37,-91 0,-53 -37,-90 L 923,-37 Q 886,-74 832.5,-74 779,-74 742,-37 z";

}

/* 右箭头 */
.information-table-root .tab-header-area .tab-down-button:right {
    -fx-shape: "m 1099,704 q 0,-52 -37,-91 L 410,-38 q -37,-37 -90,-37 -53,0 -90,37 l -76,75 q -37,39 -37,91 0,53 37,90 l 486,486 -486,485 q -37,39 -37,91 0,53 37,90 l 76,75 q 36,38 90,38 54,0 90,-38 l 652,-651 q 37,-37 37,-90 z"
}


/* ========================================================== Tab ========================================================== */
.information-tab-root {
    -fx-padding: 10 10;
    -fx-spacing: 5;
}

/* ====== textField和标题  ====== */
.information-tab-box {
    -fx-alignment: CENTER_LEFT;
}

.information-tab-box .field-label {
    -fx-fill: #555555;
}

.editable-jfx-text-field {
    -fx-border-color: transparent;
    -fx-background-color: transparent;
    -fx-text-fill: #3F51B5;
    -jfx-focus-color: transparent;
    -jfx-unfocus-color: transparent;
}

/* ===== stat信息 =====*/
.information-tab-stat-info {
    -fx-spacing: 10;
}

.information-tab-stat-info > .list-view-hBox {
    -fx-max-height: 220;
    /*-fx-padding: 5;*/
    -fx-border-radius: 5;
    -fx-border-color: #262626;
}

.list-view-hBox > .list-view {
    -fx-background-color: transparent;
    -fx-border-color: #262626;
    -fx-border-width: 1 0 0 0;
}

.information-tab-stat-info > .grid-pane-hBox {
    -fx-max-width: 400;

    -fx-border-radius: 5;
    -fx-border-color: #262626;
}

.grid-pane-hBox .grid-pane {
    -fx-alignment: CENTER_LEFT;
    -fx-vgap: 5;
    -fx-padding: 5 10;
    -fx-border-color: #262626;
    -fx-border-width: 1 0 0 0;
}

/*===== 数据信息 =====*/
.information-tab-data-info {
    -fx-border-radius: 5;
    -fx-border-color: #262626;
    -fx-border-insets: 1;
}

.data-top-hBox {
    -fx-spacing: 5;
    -fx-alignment: CENTER;
    -fx-padding: 3 7;
}

.information-tab-data-info > .text-area {
    -fx-background-color: transparent;
    -fx-background-insets: 0;
    -fx-border-color: #262626;
    -fx-border-width: 1 0 0 0;
}

.information-tab-data-info > .text-area .content, .text-area:focused .content {
    -fx-background-color: #ffffff;
}

/* ===== 下拉选项 =====*/
.information-tab-data-info .jfx-combo-box {
    -jfx-focus-color: transparent;
    -jfx-unfocus-color: transparent;
    -fx-border-color: #262626;
    -fx-border-width: 0 0 0 1;
}

/* ========================================================== treeView ========================================================== */

.node-tree-view-root {
    -fx-min-width: 130;
    -fx-border-color: #262626;
    -fx-border-width: 1;
    -fx-border-radius: 5;
}

.node-tree-view-top {
    -fx-padding: 0 0 0 7;
    -fx-alignment: CENTER;
    -fx-spacing: 0;
}

.node-tree-view-top-title {
    -fx-padding: 0 0 0 10;
}

.node-tree-view-root > .jfx-text-field {
    -fx-background-color: #d4d4d4;
    -fx-border-color: #262626;
    -fx-border-width: 1 0 0 0;
    -fx-border-radius: 0;
}

.node-tree-view-root > .tree-view {
    -fx-background-color: transparent;
}

/* ========================================================== splitPane ========================================================== */
.tab-split-pane {
    -fx-background-color: transparent;
    -fx-border-color: transparent;
    -fx-padding: 0;
}

.tab-split-pane > .split-pane-divider {
    -fx-padding: 5; /* 0 3 0 3 */
}

/* horizontal the two nodes are placed to the left/right of each other. */
.tab-split-pane:horizontal > .split-pane-divider {
    -fx-border-color: transparent;
    -fx-background-color: transparent;
    -fx-border-width: 0;
}
